<div><svg width="312" height="36">
         
         <polygon points="9 17 1 13 1 21"></polygon>
         <polygon points="17 17 9 13 9 21"></polygon>
         <rect x="31" y="3" width="72" height="32" rx="10"></rect>
         <rect x="29" y="1" width="72" height="32" class="terminal" rx="10"></rect>
         <text class="terminal" x="39" y="21">CANCEL</text>
         <rect x="123" y="3" width="68" height="32" rx="10"></rect>
         <rect x="121" y="1" width="68" height="32" class="terminal" rx="10"></rect>
         <text class="terminal" x="131" y="21">QUERY</text>
         
            <rect x="211" y="3" width="74" height="32"></rect>
            <rect x="209" y="1" width="74" height="32" class="nonterminal"></rect>
            <text class="nonterminal" x="219" y="21">query_id</text>
         
         <path class="line" d="m17 17 h2 m0 0 h10 m72 0 h10 m0 0 h10 m68 0 h10 m0 0 h10 m74 0 h10 m3 0 h-3"></path>
         <polygon points="303 17 311 13 311 21"></polygon>
         <polygon points="303 17 295 13 295 21"></polygon>
      </svg></div>